<template>
  <div>
    <a-back-top class="nb-float-top" description="回到顶部"></a-back-top>
  </div>
</template>

<script setup name="FloatGroup"></script>

<style lang="less" scoped>
.nb-float-group {
  width: 80px;
  right: 20px;
  bottom: 146px;
  background: #fff;
  :deep(.item) {
    &:not(.ant-float-btn) {
      position: relative;
    }
    &:first-child::before {
      content: none;
    }
    &::before {
      content: "";
      width: 30px;
      height: 1px;
      background-color: #d7d7d7;
      position: absolute;
      top: 0;
      left: 26px;
    }
  }
}
.nb-float-top {
  border-radius: 8px;
  width: auto;
  height: 80px;
  padding: 12px;
  right: 19px;
  :deep(.ant-float-btn-body) {
    &:hover {
      background-color: #fff;
    }
  }
}
</style>
